@import "./common-keyframes";

/* 弹性盒子居中不换行 */
.flex-nowrap-center {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
}

/* 弹性盒子居中换行 */
.flex-wrap-center {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}

/* 两端对其 */
.flex-nowrap-between {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
}

/* 单行省略号 */
.single-ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/* 相对定位居中 */
.position-absolute-center{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

/* 多行省略号 mixin */
@mixin multiple-line-ellipsis($clamp) {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: $clamp; /* 定义显示的行数 */
  overflow: hidden;
  text-overflow: ellipsis;
}
/* 内阴影 mixin */
@mixin shadow-inset5($color){
  box-sizing: inset 5px 5px 10px $color;
  inset: -5px -5px 10px $color;
}
